<template>
  <div class="main">
    <div class="we">{{NoticeTittle}}</div>
    <div class="we2">
      <div class="we3">来源：{{source}}</div>
      <div class="we3">点击量:{{hits}}</div>
      <div class="we3">关键词：{{keywords}}</div>
      <div class="we3">发布日期：{{date}}</div>
    </div>
    <div class="content" >
      <span v-html="NoticeContent"></span>
    </div>
  </div>
</template>

<script>

export default {
  name: 'OneNoticeTp',
  components: {
    
  },
  data () {
    return {
      NoticeTittle: this.$route.query.NoticeTittle,
      source: this.$route.query.source,
      hits: this.$route.query.hits,
      keywords: this.$route.query.keywords,
      date: this.$route.query.date,
      NoticeContent: this.$route.query.NoticeContent,
    }
  },
  created() {
    console.log(this.$route.query);
  },
  mouted() {
    
  },
  methods() {
    
  }
}
</script>

<style scoped>
.main{
  width: 1140px;
  margin: auto;
}
.we{
  display: flex;
  padding: 20px 0px;
  font-size: 24px;
}
.we2{
  display: flex;
  color: grey;
}
.we3{
  margin-right: 30px;
}
.content{
  margin: auto;
  border: thin solid skyblue;
  min-height: 200px;
  margin: 20px 0px 30px 0px;
  font-size: 18px;
  padding: 20px;
}
</style>
